<template>
	
	<view>
		<view style="display: flex; border-radius: 30px; border: 1px solid limegreen;" @click="change1">
			<view><image src="../../static/images/banner/banner01.jpg" style="width: 150px;height: 150px; margin: 20px;"></image></view>
			<view style="margin: 20px; display:block">
				<text style="display:block; margin-bottom: 60px; margin-top: 20px; font-size: 20px;">农产品名称</text>
				<text style="">$水果价格</text>
				<view class="iconfont icon-goumai icon" style="margin-left: 50px; font-size: 30px; color: limegreen;"></view>
			</view>
		</view>
		<view style="display: flex; border-radius: 30px; border: 1px solid limegreen;" @click="change2">
			<view><image src="../../static/images/banner/banner01.jpg" style="width: 150px;height: 150px; margin: 20px;"></image></view>
			<view style="margin: 20px; display:block">
				<text style="display:block; margin-bottom: 60px; margin-top: 20px; font-size: 20px;">农产品名称</text>
				<text style="">$水果价格</text>
				<view class="iconfont icon-goumai icon" style="margin-left: 50px; font-size: 30px; color: limegreen;"></view>
			</view>
		</view>
		<view style="display: flex; border-radius: 30px; border: 1px solid limegreen;" @click="change3">
			<view><image src="../../static/images/banner/banner01.jpg" style="width: 150px;height: 150px; margin: 20px;"></image></view>
			<view style="margin: 20px; display:block">
				<text style="display:block; margin-bottom: 60px; margin-top: 20px; font-size: 20px;">农产品名称</text>
				<text style="">$水果价格</text>
				<view class="iconfont icon-goumai icon" style="margin-left: 50px; font-size: 30px; color: limegreen;"></view>
			</view>
		</view>
		
	</view>
	
</template>

<script>

	export default {
		data() {
			return {
			
			}
		},
		methods: {
			change1(){
				uni.navigateTo({
					url:"/pages/shop/shop"
				})
			},
			change2(){
				uni.navigateTo({
					url:"/pages/shop/shop"
				})
			},
			change3(){
				uni.navigateTo({
					url:"/pages/shop/shop"
				})
			}
		},
		onLoad() {
			// uni.setNavigationBarTitle({
			// 	title:'当季水果'
			// });
		}
	}
</script>

<style>
	
</style>
